<template>
	<view class="message"  @click="changeCheckUserMsg"> 
		<view class="mess_con" @click.stop="goToPage" >
			<text>{{checkUserMsg}}</text>   
			<text style="text-align: center;">马上领取</text> 
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Message',
		props:{
			checkUserMsg: {
				type: String,
				default: ''
			} 
		}, 
		methods:{
			 changeCheckUserMsg(){
				 uni.$emit('changeCheckUserMsg')
			 },
			 goToPage(){ 
				 uni.navigateTo({
				 	url: '/pages/share_gifts/index'
				 }) 
			 }
		}, 
		data() {
			return {
				message: ''
			};
		}
	}
</script>

<style lang="less">
.message{
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh; 
	z-index: 20;
	background-color: rgba(0,0,0,.4);
	.mess_con{ 
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 464rpx;  
		background-image: url(../../../static/images/message.png);
		background-size: 100%,100%;
		& text:nth-child(1){
			display: block;
			height: 200rpx;
			line-height: 260rpx;
			text-align: center;
			font-size: 32rpx;
			color: #363636;
		}
		& text:nth-child(2){
			display: block;
			padding: 0 10rpx;
			height: 135rpx;
			font-size: 30rpx;
			color: #9d9d9d; 
		}
		& text:nth-child(3){
			position: absolute;
			left: 50%;
			color: #fff;
			font-size: 30rpx;
			transform: translate(-50%);
			
		}
	} 
}
</style>
